<div data-role="page" data-theme="a" id="mapPage" class="pageBradesco">
	<div id="header" data-role="header" data-position="fixed">				
		<h1 class="headerBradesco">Bradesco</h1>
    	<a href="#" data-icon="delete" id="logoutBtn" onclick="logout();" data-theme="d">logout</a>
		<span id="sessionTime">Sessão expira em:<br /><span></span></span>
	</div>



	<div data-role="content" class="content" data-theme="a">
		<br />
		<br />
		<span id="coords"></span>
	</div>


	
	<div data-role="footer" id="footer" data-id="footer" data-position="fixed" class="nav-bradesco ui-footer ui-bar-d">
		<div data-role="navbar" class="nav-bradesco ui-navbar ui-mini" data-theme="d" role="navigation">
			<ul>
				<li><a id="menu" onclick="$.mobile.changePage('menu.html')" data-icon="custom">Menu</a></li>
				<li><a id="subscribe" data-icon="custom">Subscribe</a></li>
				<li><a id="mapa" onclick="$.mobile.changePage('mapa.html')" data-icon="custom">Mapa</a></li>
				<li><a id="token" onclick="generateToken();" data-icon="custom">Token</a></li>
			</ul>
		</div>
	</div>
</div>